.maidan {
    .top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 30rpx;
      .top-left {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30rpx;
        color: #409eff;
        .icon {
          font-size: 36rpx;
          margin-right: 6rpx;
        }
      }
    }
    .list {
      background: #fff;
      .item {
        padding-left: 30rpx;
        &.item-hover {
          background: #fafafa;
        }
        .item-main {
          display: flex;
          align-items: center;
          padding: 30rpx;
          padding-left: 0rpx;
          position: relative;
          &::after {
            content: ' ';
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            border-bottom: 0.4px solid rgba(235, 237, 245, 0.8);
            color: rgba(235, 237, 245, 0.8);
          }
          image {
            width: 84rpx;
            height: 84rpx;
            border-radius: 8rpx;
          }
          .item-content {
            flex-grow: 1;
            text-align: left;
            margin-left: 20rpx;
            .item-title {
              display: flex;
              align-items: center;
              .item-title-t {
                flex-grow: 1;
                font-size: 30rpx;
                font-weight: bold;
                color: #2b2a2a;
              }
              .item-title-c {
                color: #b2b2b2;
                font-size: 24rpx;
              }
            }
            .item-des {
              font-size: 24rpx;
              margin-top: 8rpx;
              color: #b2b2b2;
              max-width: 400rpx;
              text-overflow: ellipsis;
              overflow: hidden;
              display: -webkit-box;
              -webkit-line-clamp: 1; /*设置文本行数限制*/
              -webkit-box-orient: vertical; /*设置文本排列方式*/
            }
          }
          .item-action {
            .btn {
              font-size: 28rpx;
              background: #fae37c;
              box-shadow: 4rpx 8rpx 12rpx rgba(250, 227, 124, 0.5);
              padding: 14rpx 20rpx;
              border-radius: 8rpx;
              display: flex;
              align-items: center;
              line-height: normal;
              &::after {
                border: none;
              }
              &.has {
                box-shadow: none;
                background: #f8f8f8;
                color: #b2b2b2;
                font-size: 26rpx;
              }
            }
            .icon {
              font-size: 32rpx;
              margin-right: 6rpx;
              font-weight: bold;
            }
          }
        }
      }
    }
    .btn-add {
      position: fixed;
      left: 100rpx;
      bottom: 20rpx;
      background: #fae37c;
      color: #13100e;
      border: none;
      box-shadow: 4rpx 8rpx 12rpx rgba(250, 227, 124, 0.3);
      padding: 20rpx;
      display: flex;
      align-items: center;
      font-size: 30rpx;
      border-radius: 80rpx;
      width: 550rpx;
      box-sizing: border-box;
      justify-content: center;
      .icon {
        font-size: 34rpx;
        font-weight: bold;
        margin-right: 10rpx;
      }
      &.btn-hover {
        background: rgba(250, 227, 124, 0.9);
      }
    }
  }